<template>
  <div class="page-container">
      <h1 class="title">hello word</h1>
      <router-view></router-view>
      <!-- <new-book-list ></new-book-list> -->
  </div>
</template>

<script>
import newBookList from '@/components/newBookRecommend.vue'
export default {
  name: 'Home',
  data(){
    return {
      newBookData:[
        {id:1},
        {id:1},
        {id:1},
        {id:1},
        {id:1},
        {id:1},
        {id:1}
      ]
    }
  },
  components:{
    newBookList
  }
}
</script>
<style lang="scss" scoped>
.title{
  font-size: 40px;
  border: 1px solid #f0f;
  color: #f00;
}
</style>